/****样式重置***/
@charset "UTF-8";
html,body{font-size:100px;}
html{line-height: initial;}
body{font: 12px 'Microsoft Yahei', tahoma, arial, \5b8b\4f53;color:#b8c2cc;overflow: hidden;background-color: #1f2227;-moz-user-select:none; -webkit-user-select:none;user-select:none;  }
*{box-sizing: border-box;-webkit-box-sizing: border-box;margin:0;padding:0;-moz-user-select:none; -webkit-user-select:none;user-select:none;}
svg{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-weight: normal;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
fieldset,iframe,img{border:0;}
img{vertical-align: middle;}
button,input{border:0;outline: none;}
button, input, select, textarea { font-size: 100%; font-weight: normal; }
textarea{overflow:auto;resize:none;}
table{border-spacing:0;}
i,em,b,mark,del,var,address,dfn{font-style:normal;}
li{list-style:none;}
sup,sub,small{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:"";}
a{cursor: pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
:focus{ outline: none; }
.float-lt { float: left; }
.float-rt { float: right; }
.wrap, .clearfix { *zoom: 1; }
.wrap:after, .clearfix:after{ content: ''; display: block; height: 0; clear: both; }

.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.hide{display: none;}
.show{display: block!important;}
.hand{cursor:pointer;}
.cDefault{cursor: default;}
.overflow{overflow:hidden;}
.cursor{cursor: default !important;}
/*自定选择框*/
.choseDiv{position:absolute; border:1px solid #68add0;background-color:rgba(104, 173, 208,.1); width:0; height:0;left:0; top:0; overflow:hidden;}

/*边框*/
.bord{border: 1px solid #00a2d4;border-radius:0.04rem;width: 0.5rem;height:0.5rem;background-color: #3bbba6; display: block;margin: 0 auto;}
/*居中*/
.algCenter{text-align: center;}
.algLeft{text-align: left;}
.algRight{text-align: right;}

/*字体颜色*/
.cl42{color:#424242!important;}
.aa4b8{color:#1aa4b8;}
/*外边距*/
.mgr8{margin-right: 0.08rem;}
.mgr12{margin-right: 0.12rem;}
.mgr18{margin-right: 0.18rem;}
.mgr24{margin-right: 0.24rem;}
.mgr30{margin-right: 30px!important;}
.mgr120{margin-right: 1.2rem;}

.mgl8{margin-left: 0.08rem;}
.mgl12{margin-left: 0.12rem;}
.mgl24{margin-left: 0.24rem;}
.mgl120{margin-left: 1.2rem;}

.mgb12{margin-bottom: 0.12rem;}
.mgb24{margin-bottom: 0.24rem;}
.mgb45{margin-bottom: 0.45rem;}
.mgb10{margin-bottom: 10px;}
.mgb20{margin-bottom: 20px;}
.mgb40{margin-bottom: 40px;}
.mgb60{margin-bottom: 60px;}

.mgt12{margin-top: 0.12rem;}
.mgt24{margin-top: 0.24rem;}


/*字体大小*/
.font14{font-size: 14px;}
.font16{font-size: 0.16rem;}
.font18{font-size: 0.18rem;}
.font20{font-size: 0.20rem;}
.font22{font-size: 0.22rem;}
.font24{font-size: 0.24rem;}
.font26{font-size: 0.26rem;}
.font28{font-size: 0.28rem;}
.font30{font-size: 0.30rem;}
.font32{font-size: 0.32rem;}

/*竖线*/
.line{width: 0;height: 26px;display: inline-block;border-left:1px solid #131416;margin: 0 0.18rem;}
.line2{width: 0;height:0.15rem;display: inline-block;border-left:1px solid #131416;margin: 0 0.16rem -0.02rem;}
.line3{width: 0;height:0.12rem;display: inline-block;border-left:1px solid #131416;margin:0.04rem 0.06rem 0;}

/*流式布局*/
.flexed{display: -webkit-flex; display: flex;  -webkit-flex-wrap: wrap;  -webkit-flex-direction: row;  flex-wrap: wrap;  flex-direction: row; }
.flexed0{display: -webkit-flex; display: flex;  -webkit-flex-wrap: nowrap;  -webkit-flex-direction: row; -webkit-align-items:center;  flex-wrap: nowrap;  flex-direction: row; align-items:center; }
.flexed1{display: -webkit-flex; display: flex;  -webkit-flex-wrap: nowrap;  -webkit-flex-direction: row; -webkit-align-items:flex-end; flex-wrap: nowrap;  flex-direction: row; align-items:flex-end; }
.flexed2{display: -webkit-flex; display: flex;  -webkit-flex-wrap: nowrap;  -webkit-flex-direction: row; -webkit-align-items:center; -webkit-justify-content: center; flex-wrap: nowrap;  flex-direction: row; align-items:center; justify-content: center; }
.flexed3{display: -webkit-flex; display: flex;  -webkit-flex-wrap: nowrap;  -webkit-flex-direction: row; -webkit-align-items: center;-webkit-justify-content: space-between; flex-wrap: nowrap;  flex-direction: row; align-items: center;justify-content: space-between; }
.flexed4{display: -webkit-flex; display: flex;  -webkit-flex-wrap: nowrap;  -webkit-flex-direction: row; -webkit-align-items: center;-webkit-justify-content: flex-end; flex-wrap: nowrap;  flex-direction: row; align-items: center;justify-content: flex-end; }
.flexed5{display: -webkit-flex; display: flex;  -webkit-flex-wrap: nowrap;  -webkit-flex-direction: row; -webkit-align-items:flex-end; -webkit-justify-content: space-between; flex-wrap: nowrap;  flex-direction: row; align-items:flex-end; justify-content: space-between; }
.flexed6{display: -webkit-flex; display: flex;  -webkit-flex-wrap: wrap;  -webkit-flex-direction: row; -webkit-align-items:center;-webkit-justify-content: center;justify-content: center;  flex-wrap: wrap;  flex-direction: row; align-items:center; }
.flexed7{display: -webkit-flex; display: flex;  -webkit-flex-wrap: wrap;  -webkit-flex-direction: row; -webkit-align-items: center;-webkit-justify-content: space-between; flex-wrap: wrap;  flex-direction: row; align-items: center;justify-content: space-between; }

/*占位符*/
*::-webkit-input-placeholder,*::-moz-placeholder,*:-ms-input-placeholder{color:#999;}


/***阴影****/
.boxShow{background-color: #fff; -moz-box-shadow:3px 3px 3px rgba(0,0,0,0.15); -webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.15); box-shadow:3px 3px 3px rgba(0,0,0,0.15);}
.boxShow1{background-color: #fff; -moz-box-shadow:0 3px 3px rgba(0,0,0,0.15); -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.15); box-shadow:0 3px 3px rgba(0,0,0,0.15);}
.txtShadow{-webkit-text-shadow:0 0.06rem 0.02rem rgba(0,0,0,1.0);text-shadow:0 0.06rem 0.02rem rgba(0,0,0,1.0);}
.txtShadow2{-webkit-text-shadow:0 0.06rem 0.02rem rgba(0,0,0,0.5);text-shadow:0 0.06rem 0.02rem rgba(0,0,0,0.5);}

/*背景渐变*/
.linearGradient{
    background:-webkit-gradient(linear,0 50%,100% 50%,from(#fff),to(#000));/*Old gradient for webkit*/
    background:-webkit-linear-gradient(left,#fff,#000);/*new gradient for Webkit*/
}


/*****开关**按钮*******/
.chk_3{display: none;}
.chk_3+label{ background-color:rgb(153,153,153);padding:4px;border-radius: 30px;display:block;position: relative;width: 58px;height: 26px;cursor:pointer;line-height:26px;color:#f4f1e0;}
.chk_3+label:after{content: '关';position: absolute;top: 0;left: 0;text-indent:35px; width: 100%;height: 100%; text-shadow: 0 2px 3px rgba(0,0,0,0.3);}
.chk_3+label:hover{background-color:rgba(153,153,153,0.6);}
.chk_3+label:active{background-color:rgba(153,153,153,0.8);}

.chk_3+label:before{content:'';position: absolute;background:#e6e6e6;top:2px;left: 2px;z-index: 9;width: 22px; height:22px;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;border-radius: 50%;}
.chk_3+label:hover:before{ background-color:#fff;}
.chk_3+label:active:before{ background-color:#e6e6e6;}

.chk_3:checked+label:before{ background-color:#fff}
.chk_3:checked+label:hover:before{ background-color:#fff;}
.chk_3:checked+label:active:before{ background-color:#fff;}

.chk_3:checked+label:after{content: '开';position: absolute;left:0;border-radius: 30px;text-indent: 12px; text-shadow: 3px 3px 3px #2a5f7a;background-color:rgb(72,194,205);}
.chk_3:checked+label:hover:after{background-color:rgba(72,194,205,0.6);}
.chk_3:checked+label:active:after{background-color:rgba(72,194,205,0.8);}
.chk_3:checked+label:before{content: '';position: absolute;text-indent:15px;left:34px;}
.xianShi+label:after{content: '否';}
.xianShi:checked+label:after{content: '是';}

/*---------------------滚动条样式-----------------------*/

/*滚动条整体*/
::-webkit-scrollbar{  width:10px;   height: 10px;  cursor: pointer; }
/*滑道全部*/
::-webkit-scrollbar-track{  background-color:transparent;  }
/*边角，及两个滚动条的交汇处*/
::-webkit-scrollbar-corner{background-color:#16181a;}
/*滑道*/
::-webkit-scrollbar-track-piece{  background-color:#16181a; }
/*滑动条表面*/
::-webkit-scrollbar-thumb{ background-color:#2e3031;border-radius:2px;  }
/*鼠标滑过滑动条*/
::-webkit-scrollbar-thumb:hover{  background-color:#2e3031; }
/*鼠标点击滑动条*/
::-webkit-scrollbar-thumb:active{  background-color:#2e3031; }

/**:hover::-webkit-scrollbar-track{ background-color:#d9d9d9;}*/
/**:hover::-webkit-scrollbar-thumb{ background-color:#68add0; }*/
/**:hover::-webkit-scrollbar-thumb:active{  background-color:#3b8bb3; }*/


/*滚动条整体*/
.wallPaperListDiv::-webkit-scrollbar{  width:4px;   height: 4px;  cursor: pointer; }
/*滑道全部*/
.wallPaperListDiv::-webkit-scrollbar-track{  background-color:transparent;  }
/*边角，及两个滚动条的交汇处*/
.wallPaperListDiv::-webkit-scrollbar-corner{background-color:#e6e6e6;}
/*滑道*/
.wallPaperListDiv::-webkit-scrollbar-track-piece{  background-color:#e6e6e6; }
/*滑动条表面*/
.wallPaperListDiv::-webkit-scrollbar-thumb{ background-color:#b3b3b3;border-radius:2px;  }
/*鼠标滑过滑动条*/
.wallPaperListDiv::-webkit-scrollbar-thumb:hover{  background-color:#b3b3b3; }
/*鼠标点击滑动条*/
.wallPaperListDiv::-webkit-scrollbar-thumb:active{  background-color:#b3b3b3; }


















